<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    
    // var a = 10;
    // console.log(a);
    // a = a + 1;
    // console.log(a);
    // a += 1;
    // console.log(a);
    // a++;
    // console.log(a);
    // ++a;
    // console.log(a);

    
    var a = 10;
    // 后自增：a++：先使用变量，再做运算
    console.log(a++);
    console.log(a);
    
    console.log("------");

    var b = 10;
    // 前自增：++b：先运算，再使用变量
    console.log(++b);
    console.log(b);

    console.log("------");

    // 练习
    var n = 0;
    var sum = n++ + ++n + n++ + n-- + --n + ++n + n--;
    //        0   +   2 + 2   + 3   +   1 +   2 + 2
    console.log(n);     // 1
    console.log(sum);   // 12

    var x = 10;
    var s = ++x + x++ + --x + x-- - --x - x++ + x-- - x++;
    console.log(x);
    console.log(s);

</script>
</html>